<template>
	<div>
		<Menu mode="horizontal" :theme="theme1" :active-name="$route.path">
			<MenuItem name="/main/user" to="/main/user">
				<Icon type="ios-paper" />用户管理
			</MenuItem>
			<MenuItem name="/main/shop" to="/main/shop">
				<Icon type="ios-people" /> 商品管理
			</MenuItem>
			<MenuItem name="/main/order" to="/main/order">
				<Icon type="ios-people" /> 订单管理
			</MenuItem>
			<!-- <MenuItem name="/main/types" to="/main/types">
				<Icon type="ios-people" /> 类别管理
			</MenuItem> -->
			<MenuItem name="/main/types2" to="/main/types2">
				<Icon type="ios-people" /> 类别管理
			</MenuItem>
			<MenuItem name="/main/card" to="/main/card">
				<Icon type="ios-people" /> 购物车管理
			</MenuItem>
			<Submenu style="float:right;">
				<template slot="title">
					欢迎：{{UserName}}
				</template>
				<MenuItem>个人信息</MenuItem>
				<MenuItem @click.native="toreg">退出登录</MenuItem>
			</Submenu>
		</Menu>
		<router-view></router-view>
	</div>
</template>

<script>
import { SESSION } from "../components/Plug/URL.js";
export default {
  data() {
    return {
      theme1: "dark",
      UserName: ""
    };
  },
  methods: {
    toreg() {
      this.$router.push("/");
      sessionStorage.removeItem(SESSION);
    }
  },
  mounted() {
    this.UserName = JSON.parse(sessionStorage.getItem(SESSION)).loginName;
  }
};
</script>

<style>
</style>
